<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<link rel="stylesheet" type="text/css" href="../css/lib.css">
<script src="../js/lib-all.js"></script>
<script src="../js/lib-ext.js"></script>
<style>
body{TEXT-ALIGN: center;}
.c{ MARGIN-RIGHT: auto;MARGIN-LEFT: auto;}
</style>
</head>
<body>
<div class="c">
 <!--列表开始-->
  <div class="clearfix item-list overflow" style="display:block" id="tab_cont_1">
       <form>
          <input type="hidden" name="biz" value="waimai">
          <ul class="clearfix" templateLoad="./mockdata/shops.json" template-id="shop_list_tpl" template-ext="flowpage"></ul>
          <div class="i-more J_page dn">
             <a href="javascript:void(0);">查看更多</a>
          </div>
        </form>
   </div> 

</div>
</body>

<script>
$(document).ready(function($){
  $('.J_select').asnycSelect({
		linkage:true,
		actionUrl:'/api/shop/cates/pid/_PID_',
		valtarget:'#cateInput',
		params:'',
		maxlevel:2
	});
});
</script>
 <script id="shop_list_tpl" type="text/html">
  {{each datas as value i}}
            <li>
                <a href="./meal.html#{{datas[i].shop_id}}" class="sou-con-href clearfix">
                <div class="sou-img"><img width="80px" src="{{datas[i].logo | fixAttachPath}}"></div>
                <h2>{{datas[i].shop_name}}</h2>
                <h4>{{datas[i].addr}}</h4>
                <p>
                    <span>大约{{datas[i].formatDistance}}</span>
                    <i>已卖出:{{datas[i].sold_nums}}份</i>
                 </p>                    
                </a>                     
            </li>    
  {{/each}}
</script>
</html>


